<extend name="Base/common" />
<block name="sidemenu"></block>
<block name="body">
    <div class="panel panel-default">
        <div class="panel-heading"><h2>[{$model['title']}] 列表</h2></div>
        <div class="panel-body">
            <div class="btn-toolbar" role="toolbar" aria-label="...">
                <div class="btn-group btn-group-md">
                    <a type="button" class="btn btn-primary" href="{:U('add?model='.$model['id'])}">新 增</a>
                    <button type="button" class="btn btn-primary ajax-post confirm" target-form="ids" url="{:U('del?model='.$model['id'])}">删 除</button>
                </div>

                <div class="btn-group pull-right">
                    <div class="input-group input-group-md">
                        <span class="input-group-addon" id="sizing-addon1">@</span>
                        <input type="text" name="{$model['search_key']|default='title'}" value="{:I('title')}" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn">
                        <button class="btn btn-default" href="javascript:;" id="search" type="button" url="{:U('Think/lists','model='.$model['name'],false)}">Search</button>
                        </span>
                    </div>
                </div>
            </div>
        </div>

        <table class="table">
            <thead>
                <tr>
                    <th><input class="check-all" type="checkbox"></th>
                    <volist name="list_grids" id="field">
                    <th>{$field.title}</th>
                    </volist>
                </tr>
            </thead>

            <tbody>
                <volist name="list_data" id="data">
                <tr>
                    <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                    <volist name="list_grids" id="grid">
                        <td>{:get_list_field($data,$grid)}</td>
                    </volist>
                </tr>
                </volist>
            </tbody>
        </table>
    </div>
  
    <div class="page">
        {$_page|default=''}
    </div>
</block>

<block name="script">
<script type="text/javascript">
$(function(){
	//搜索功能
	$("#search").click(function(){
		var url = $(this).attr('url');
        var query  = $('.search-form').find('input').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');
        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }
		window.location.href = url;
	});

    //回车自动提交
    $('.search-form').find('input').keyup(function(event){
        if(event.keyCode===13){
            $("#search").click();
        }
    });

})
</script>
</block>
